@import './variables.scss';
@import './vant-rewrite.scss';

html {
  overflow-x: hidden;
}

body {
  color: #464646;
  background-color: $pageBg;
}

html, body, #app {
  // height: 100%;
  min-height: 100vh;
}

/* 卡片容器 */
.card-container {
  padding: 16px;
  background-color: #fff;
}

// 滚动 div
.page-scroll {
  height: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

// 禁止选中文本
.not-select {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

/* 加载异常 */
.error-page {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: $pageBg;
}

/* 点击反馈 */
.clickable {
  background-color: #f2f3f5 !important;
  cursor: pointer;
}

.clickable2 {
	color: rgba(0, 0, 0, .6);
	background-color: #dedede !important;
}

/* 价格：一般用于订单 */
.price {
	font-size: 14px;
	font-weight: 700;
	color: $primary;
}

.price2 {
	font-size: 14px;
	font-weight: 700;
	color: $warning;
}

/* 安全边距 */
.safe-top {
  /* 兼容 IOS<11.2 */
  padding-top: constant(safe-area-inset-top); 
  /* 兼容 IOS>11.2 */
	padding-top: env(safe-area-inset-top);
}

.safe-bottom {
  /* 兼容 IOS<11.2 */
  padding-bottom: constant(safe-area-inset-bottom);
  /* 兼容 IOS>11.2 */
	padding-bottom: env(safe-area-inset-bottom);
}